{% extends "base.html" %}


{% comment %} ---------------------------------------------------------------*\
 |  tech.html                                                                |
 |                                                                           |
 |  Copyright (c) 2010-2012, Code A La Mode, original authors.               |
 |                                                                           |
 |      This file is part of Social Butterfly.                               |
 |                                                                           |
 |      Social Butterfly is free software; you can redistribute it and/or    |
 |      modify it under the terms of the GNU General Public License as       |
 |      published by the Free Software Foundation, either version 3 of the   |
 |      License, or (at your option) any later version.                      |
 |                                                                           |
 |      Social Butterfly is distributed in the hope that it will be useful,  |
 |      but WITHOUT ANY WARRANTY; without even the implied warranty of       |
 |      MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the        |
 |      GNU General Public License for more details.                         |
 |                                                                           |
 |      You should have received a copy of the GNU General Public License    |
 |      along with Social Butterfly.  If not, see:                           |
 |          <http://www.gnu.org/licenses/>.                                  |
\*------------------------------------------------------------ {% endcomment %}


{% block content %}

    <section>
        <h1>We love technology.</h1>
        <p>
            Social Butterfly allows you to chat with strangers over
            <a href="http://www.google.com/talk/">Google Talk</a>.
            This page describes the technologies we use to make Social
            Butterfly.
        </p>
    </section>

    <section>
        <h1>Cloud, Open Source</h1>
        <p>
            Social Butterfly is written in Python for Google&rsquo;s App Engine
            cloud.  You can view Social Butterfly&rsquo;s object-oriented
            <a href="http://code.google.com/p/social-butterfly/source/browse/#svn%2Ftrunk">source code</a>.
        </p>
    </section>

    <section>
        <h1>Scalable</h1>
        <p>
            We use techniques like memcache,
            <a href="http://code.google.com/p/social-butterfly/source/browse/trunk/shards.py">sharding counters</a>,
            and deferred task queues to scale Social Butterfly up to
            <span class="num_users">{{ stats.num_users }}</span>
            users and counting.
        </p>
    </section>

    <section>
        <h1>Real-Time</h1>
        <p>
            We use
            <a href="http://code.google.com/p/social-butterfly/source/browse/trunk/channels.py">channels</a>
            (similar to Comet or WebSockets) for real-time communication.  The
            <a href="http://code.google.com/p/social-butterfly/source/browse/trunk/assets/script.js">footer</a>
            counters on every page are live.
        </p>
    </section>

    <section>
        <h1>Web 2.0, AJAX</h1>
        <p>
            This webapp is an AJAX app.  After the initial page load, it never
            does another full load, yet is bookmarkable/crawlable.
            HTML5/CSS3/jQuery.
        </p>
    </section>

{% endblock %}
